<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{$system_param.cfg_webname}</title>
	<link rel="stylesheet" href="__PLUGIN__/layui/css/layui.css">
	<link rel="stylesheet" href="__CSS__/swiper.min.css">
	<link rel="stylesheet" href="__CSS__/style.css">
	<script type="text/javascript" src="__JS__/bdtj.js"></script>
	<style>
		html,body,.container{
			min-width: 1200px;
		}
		.layui-nav .layui-nav-more{
			display: none;
		}
		.layui-bg-blue{
			background: #177cc6!important;
		}
		.swiper-pagination-bullet{
			width: 18px;
			height: 18px;
		}
	</style>
</head>
<body>
	<div class="container">
		{include file="header"/}
		{include file="nav"/}
		<div class="banner">
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><img src="__IMG__/banner1.jpg" alt=""></div>
		            <div class="swiper-slide"><img src="__IMG__/banner2.jpg" alt=""></div>
		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination"></div>
		    </div>
		</div>
		<div class="main">
			{volist name='categoryList' id='vo' offset="0" length='2'}
			<div class="main_fx">
				<h1>{$vo.name}<span>ITEM</span><a href="{:url('index/more')}?id={$vo.id}" target="_blank">更多>></a></h1>
				<div class="main_dl">
					{foreach $vo.article as $art}
						<a href="{:url('article/getarticledetail')}?id={$art.id}" target="_blank">
							<dl>
								<dt><img src="{$art.main_img}" alt=""></dt>
								<dd>{$art.title}</dd>
							</dl>
						</a>
					{/foreach}
				</div>
			</div>
			{/volist}
			<div class="main_div">
				<div class="layui-row">
				    <div class="layui-col-xs6">
				      	<div class="grid-demo">
				      		<div class="main_news">
				      			<h1>新闻动态<span>NEWS</span>
				      				<a href="{:url('news/newsList')}" target="_blank">更多>></a>
				      			</h1>
					      		<div class="main_news_dl">

{volist name="newList" id="vn"}
	<a href="/index/news/newsdet.html?id={$vn.id}" target="_blank">
		<dl>
			<dt><img src="{$vn.main_img}" alt=""></dt>
			<dd>
				<h2>
					<a href="/index/news/newsdet.html?id={$vn.id}" target="_blank">{$vn.title}</a>
				</h2>
				<h4 style="font-size: 12px;color: #a7a7a7;line-height: 20px;">{$vn.publish_at|substr=###,0,10}</h4>
				<h3 style="margin-top: 8px;">
					<a href="/index/news/newsdet.html?id={$vn.id}" target="_blank">
						{$vn.desc}
					</a>
				</h3>
			</dd>
		</dl>
	</a>
{/volist}

					      		</div>
				      		</div>
				      	</div>
				    </div>
				    <div class="layui-col-xs6">
				      	<div class="grid-demo">
					      	<div class="main_about">
					      		<h1>关于我们<span>ABOUT US</span>
					      			<!-- <a href="#">更多>></a> -->
					      		</h1>
								<ul>
									<li>
										<img src="__IMG__/img1.jpg" alt="">
										<a href="/index/article/getarticledetail.html?id=30">公司简介</a>
									</li>
									<li>
										<i class="layui-icon">&#xe68e;</i>
										<b>企业文化</b>
									</li>
									<li>
										<img src="__IMG__/img1.jpg" alt="">
										<a href="/index/index/connect.html">联系我们</a>
									</li>

									<li>
										<i class="layui-icon">&#xe645;</i>
										<b>公司简介</b>
									</li>
									<li>
										<img src="__IMG__/img1.jpg" alt="">
										<a href="/index/article/getarticledetail.html?id=31">企业文化</a>
									</li>
									<li>
										<i class="layui-icon">&#xe63b;</i>
										<b>联系我们</b>
									</li>
								</ul>
					        </div>
					    </div>
				    </div>
				</div>
			</div>
			<div class="main_jixing">
				<h1>机型展示<span>MODELS SHOW</span><a href="{:url('index/more')}?id=9">更多>></a></h1>
				<div class="main_jixing_dl">
				{volist name="jxList" id="vjx"}
					<a href="{:url('article/getarticledetail')}?id={$vjx.id}" target="_blank">
					<dl>
						<dt><img src="{$vjx.main_img}" alt=""></dt>
						<dd>{$vjx.title}</dd>
					</dl>
					</a>
				{/volist}
				</div>
			</div>
			<div class="main_anli">
				<h1>案例展示<span>CASE SHOW</span><a href="{:url('index/more')}?id=21">更多>></a></h1>
				<div class="pic_img_div" id="pic_img_div">
					<ul>
						{volist name="alList" id="val"}
						<a href="{:url('article/getarticledetail')}?id={$val.id}" target="_blank">
							<li><img src="{$val.main_img}"/></li>
						</a>
						{/volist}
					</ul>
				</div>
				<div class="kt_left" id="kt_left"><img src="__IMG__/kt_left1.png" alt=""></div>
				<div class="kt_right" id="kt_right"><img src="__IMG__/kt_right1.png" alt=""></div>
			</div>
		</div>

		{include file="footer"/}
	</div>
<script type="text/javascript" src="__PLUGIN__/layui/layui.js"></script>
<script type="text/javascript" src="__JS__/swiper.min.js"></script>
<script type="text/javascript" src="__JS__/jquery.min.js"></script>
<script type="text/javascript" src="__JS__/jquery.liMarquee.js"></script>
<script>
	layui.use('element', function(){
	  	var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

	  	//监听导航点击
	  	element.on('nav(demo)', function(elem){
	    	//console.log(elem)
	    	layer.msg(elem.text());
	  	});
	});
	//图片轮播
	var swiper = new Swiper('.swiper-container', {
        loop: true,
        autoplay:4000,
        pagination: '.swiper-pagination',
        paginationClickable: true,
    });
	//案例展示
    window.onload=function(){
		var odiv = document.getElementById('pic_img_div');
		var kt_left = document.getElementById('kt_left');
		var kt_right = document.getElementById('kt_right');
		var oul = odiv.getElementsByTagName('ul')[0];
		var ali = oul.getElementsByTagName('li');
		var spa = -2;
		oul.innerHTML=oul.innerHTML+oul.innerHTML;
		oul.style.width=ali[0].offsetWidth*ali.length+'px';
		function move(){
			if(oul.offsetLeft<-oul.offsetWidth/2){
				oul.style.left='0';
			}
			if(oul.offsetLeft>0){
				oul.style.left=-oul.offsetWidth/2+'px'
			}
			oul.style.left=oul.offsetLeft+spa+'px';
		}
		var timer = setInterval(move,30)

		odiv.onmousemove=function(){clearInterval(timer);}
		odiv.onmouseout=function(){timer = setInterval(move,30)};
		kt_left.onclick = function(){
			spa=-2;
		}
		kt_right.onclick = function(){
			spa=2;
		}
	}
</script>
</body>
</html>
